<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>基础选择器与颜色</title>
    <!--  内部CSS-->
    <style>
        /*选择器
            标签名 选择器
        */
        li {
            color: yellow;
        }

        /*  id 选择器*/
        #p1{
            color: blue;
        }

        /*类选择器*/
        .t1{
            color: pink;
        }
    </style>
</head>
<body>
<ul>
    <!--内联CSS-->
    <li style="color: red">刘备</li>
    <!--关羽变成绿色-->
    <li style="color: green">张飞</li>
    <li>关羽</li>
    <li>赵云</li>
    <li>黄忠</li>
</ul>
<p id="p1">申哥</p>
<P>小艺</P>
<span class="t1">java</span>
<span>WEB不允许有其他样式</span>
<b class="t1">PHP</b>
<s class="t1">C++</s>
</body>
</html>